<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<%@ include file="/WEB-INF/views/include/uploadify.jsp"%>
	<title>单表管理</title>
	<meta name="decorator" content="default"/>
	<script type="text/javascript">
		$(document).ready(function() {
		    //列表数据转换为json数组
		    var data = ${fns:toJson(page.list)};
            // 初始化DataGrid对象
            $('#dataGrid').dataGrid({
                data: data,//当 datatype 为"local" 时需填写
                datatype: "local", //数据来源，本地数据（local，json,jsonp,xml等）
                height: 150,//高度，表格高度。可为数值、百分比或'auto'
                //mtype:"GET",//提交方式
                colNames: ['用户账号', '备注'],
                colModel: [{
                    name: 'userNo',
                    index: 'id',//索引。其和后台交互的参数为sidx
                    key: true,//当从服务器端返回的数据中没有id时，将此作为唯一rowid使用只有一个列可以做这项设置。如果设置多于一个，那么只选取第一个，其他被忽略
                    width: 100,
                    editable: false,
                    editoptions: {
                        size: "20",
                        maxlength: "30"
                    }
                }, {
                    name: 'remarks',
                    index: 'type',
                    width: 200,//宽度
                    editable: false,//是否可编辑
                    edittype: "select",//可以编辑的类型。可选值：text, textarea, select, checkbox, password, button, image and file.s
                    editoptions: {
                        value: "1:采购入库;2:退用入库"
                    }
                }],
                viewrecords: true,//是否在浏览导航栏显示记录总数
                rowNum: 10,//每页显示记录数
                rowList: [10, 20, 30],//用于改变显示行数的下拉列表框的元素数组。
                altRows: true,//设置为交替行表格,默认为false
                //toppager: true,//是否在上面显示浏览导航栏
                multiselect: false,//是否多选
                //multikey: "ctrlKey",//是否只能用Ctrl按键多选
                multiboxonly: true,//是否只能点击复选框多选
                // subGrid : true,
                //sortname:'id',//默认的排序列名
                //sortorder:'asc',//默认的排序方式（asc升序，desc降序）
                caption: "采购退货单列表",//表名
                autowidth: true//自动宽
            });

            <%--$("#uploadify").uploadify({--%>
                <%--swf           : '${ctx}/static/plugins/uploadify/uploadify.swf',--%>
                <%--uploader      : '${ctx}/common/uploadify',--%>
                <%--multi : false,--%>
                <%--queueID: 'fileQueue',--%>
                <%--auto: true,--%>
                <%--buttonText: '选择上传文件',--%>
<%--//        fileExt: '*.jpg;*.gif;*.jpeg;*.png;*.bmp;*.zip;*.rar;*.7z',--%>
                <%--onUploadSuccess : function(file, data, response) {--%>
                    <%--if(!!data){--%>
                        <%--if(data=='上传成功')--%>
                            <%--$.messager.alert('文件："' + file.name + '"，' + data);--%>
                        <%--else--%>
                            <%--alert("上传失败");--%>
                    <%--}else{--%>
                        <%--alert("上传失败");--%>
                    <%--}--%>
                <%--},--%>
                <%--onSelect:function(){--%>
                    <%--debugger;--%>
                <%--},--%>
                <%--onError: function(event, queueID, fileObj) {--%>
                    <%--alert("文件:" + fileObj.name + "上传失败");--%>
                <%--}--%>
            <%--});--%>

            $('#uploadify').Huploadify({
                auto:true,
                fileTypeExts:'*.jpg;*.png;*.exe;*.xls',
                multi:false,
                formData:{key:123456,key2:'vvvv'},
                fileSizeLimit:1024,
                showUploadedPercent:true,
                showUploadedSize:true,
                removeTimeout:9999999,
                uploader:'${ctx}/common/Huploadify',
                onUploadStart:function(){
                },
                onInit:function(){
                },
                onUploadComplete:function(){
                    if (!!response) {
                        if (response == '上传成功')
                            alert('文件："' + file.name + '"，' + response);
                        else
                            alert("上传失败");
                    } else {
                        alert("上传失败");
                    }
                },
                onCancel:function(file){
                }
            });

		});
		function page(n,s){
			$("#pageNo").val(n);
			$("#pageSize").val(s);
			$("#searchForm").submit();
        	return false;
        }
	</script>

	<script type="text/javascript">
        $("#${id}Button, #${id}Name").click(function(){
            // 是否限制选择，如果限制，设置为disabled
            if ($("#${id}Button").hasClass("disabled")){
                return true;
            }
            // 正常打开
            top.$.jBox.open("iframe:${ctx}/tag/treeselect?url="+encodeURIComponent("${url}")+"&module=${module}&checked=${checked}&extId=${extId}&isAll=${isAll}", "选择${title}", 300, 420, {
                ajaxData:{selectIds: $("#${id}Id").val()},buttons:{"确定":"ok", ${allowClear?"\"清除\":\"clear\", ":""}"关闭":true}, submit:function(v, h, f){
                    if (v=="ok"){
                        var tree = h.find("iframe")[0].contentWindow.tree;//h.find("iframe").contents();
                        var ids = [], names = [], nodes = [];
                        if ("${checked}" == "true"){
                            nodes = tree.getCheckedNodes(true);
                        }else{
                            nodes = tree.getSelectedNodes();
                        }
                        for(var i=0; i<nodes.length; i++) {//<c:if test="${checked && notAllowSelectParent}">
                            if (nodes[i].isParent){
                                continue; // 如果为复选框选择，则过滤掉父节点
                            }//</c:if><c:if test="${notAllowSelectRoot}">
                            if (nodes[i].level == 0){
                                top.$.jBox.tip("不能选择根节点（"+nodes[i].name+"）请重新选择。");
                                return false;
                            }//</c:if><c:if test="${notAllowSelectParent}">
                            if (nodes[i].isParent){
                                top.$.jBox.tip("不能选择父节点（"+nodes[i].name+"）请重新选择。");
                                return false;
                            }//</c:if><c:if test="${not empty module && selectScopeModule}">
                            if (nodes[i].module == ""){
                                top.$.jBox.tip("不能选择公共模型（"+nodes[i].name+"）请重新选择。");
                                return false;
                            }else if (nodes[i].module != "${module}"){
                                top.$.jBox.tip("不能选择当前栏目以外的栏目模型，请重新选择。");
                                return false;
                            }//</c:if>
                            ids.push(nodes[i].id);
                            names.push(nodes[i].name);//<c:if test="${!checked}">
                            break; // 如果为非复选框选择，则返回第一个选择  </c:if>
                        }
                        $("#${id}Id").val(ids.join(",").replace(/u_/ig,""));
                        $("#${id}Name").val(names.join(","));
                    }//<c:if test="${allowClear}">
                    else if (v=="clear"){
                        $("#${id}Id").val("");
                        $("#${id}Name").val("");
                    }//</c:if>
                    if(typeof ${id}TreeselectCallBack == 'function'){
                        ${id}TreeselectCallBack(v, h, f);
                    }
                }, loaded:function(h){
                    $(".jbox-content", top.document).css("overflow-y","hidden");
                }
            });
        });
	</script>
</head>
<body>
	<ul class="nav nav-tabs">
		<li class="active"><a href="${ctx}/test/reserverPerson/">单表列表-${adminPath}</a></li>
		<shiro:hasPermission name="test:reserverPerson:edit"><li><a href="${ctx}/test/reserverPerson/form">单表添加</a></li></shiro:hasPermission>
	</ul>
	<form:form id="searchForm" modelAttribute="people" action="${ctx}/people/reservePerson/listData" method="post" class="breadcrumb form-search">
		<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
		<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
		<ul class="ul-form">
			<li><label>后备人才：</label>
			<div class="input-append">
				<input id="reservePersonId" name="reservePerson.userNo" class="input-small" type="hidden" value="aaa"/>
				<input id="reservePersonName" name="reservePerson.remarks" readonly="readonly" type="text" value="${people.reservePerson.remarks}" data-msg-required="required"
					   class="input-small"/>
				<a id="reservePersonButton" href="javascript:" class="btn" style="padding-left:5px">&nbsp;
				<i class="icon-search"></i>&nbsp;
				</a>&nbsp;&nbsp;
			</div>
			<li><label>登录名：</label></li>
			<li><label>归属部门：</label><sys:treeselect id="office" name="office.id" value="${user.office.id}" labelName="office.name" labelValue="${user.office.name}"
													title="部门" url="/sys/office/treeData?type=2" cssClass="input-small" allowClear="true" notAllowSelectParent="true"/></li>
			<li class="btns"><input id="btnSubmit" class="btn btn-primary" type="submit" value="查询"/></li>
			<li class="clearfix"></li>
		</ul>
	</form:form>
	<sys:message content="${message}"/>
	<%--<table id="contentTable" class="table table-striped table-bordered table-condensed">--%>
		<%--<thead>--%>
			<%--<tr>--%>
				<%--<th>用户账号</th>--%>
				<%--<th>备注信息</th>--%>
				<%--<shiro:hasPermission name="test:reserverPerson:edit"><th>操作</th></shiro:hasPermission>--%>
			<%--</tr>--%>
		<%--</thead>--%>
		<%--<tbody>--%>
		<%--<c:forEach items="${page.list}" var="reserverPerson">--%>
			<%--<tr>--%>
				<%--<td><a href="${ctx}/people/reserverPerson/form?id=${reserverPerson.userNo}">--%>
					<%--<fmt:formatDate value="${reserverPerson.id}" pattern="yyyy-MM-dd HH:mm:ss"/>--%>
						<%--<c:choose>--%>
							<%--<c:when test="${reserverPerson.userNo==1}">--%>
								<%--gsregsg--%>
							<%--</c:when>--%>
							<%--<c:otherwise>--%>
								<%--${reserverPerson.userNo}--%>
							<%--</c:otherwise>--%>
						<%--</c:choose>--%>
				<%--</a></td>--%>
				<%--<td>--%>
					<%--${reserverPerson.remarks}--%>
				<%--</td>--%>
				<%--<shiro:hasPermission name="people:reserverPerson:edit"><td>--%>
    				<%--<a href="${ctx}/test/reserverPerson/form?id=${reserverPerson.id}">修改</a>--%>
					<%--<a href="${ctx}/test/reserverPerson/delete?id=${reserverPerson.id}" onclick="return confirmx('确认要删除该单表吗？', this.href)">删除</a>--%>
				<%--</td></shiro:hasPermission>--%>
			<%--</tr>--%>
		<%--</c:forEach>--%>
		<%--</tbody>--%>
	<%--</table>--%>
	<%--<table id="grid" class="easyui-datagrid" rownumbers="true" pagination="true" data-options="fitColumns:true">--%>
		<%--<thead>--%>
		<%--<tr>--%>
			<%--<th field="userNo" width="80">用户账号</th>--%>
			<%--<th field="remarks" width="80">备注</th>--%>
		<%--</tr>--%>
		<%--</thead>--%>
	<%--</table>--%>
	<table>
		<tr>
			<td><label><img src="/images/save.gif"/> 上传课件：</label></td>
			<%--<td><label><input type="file" id="uploadify"/></label>&nbsp;&nbsp;</td>--%>
			<%--<td><div id="fileQueue"></div></td>--%>
			<div id="uploadify"></div>
		</tr>
	</table>
	<%--<table id="dataGrid"></table>--%>
	<%--<div class="pagination" id="dataGridPage"></div>--%>
	<%--<div class="pagination">${page}</div>--%>
</body>
</html>